<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.w3.org/1999/xhtml">

<head>
    <meta charset="UTF-8">
    <meta name="Viewport" content="width=device-width, initial-scale=1.0">
    <link rel="icon" th:href="@{/static/cloud/img/favicon.ico}">
    <title>个人中心</title>
    <link rel="stylesheet" th:href="@{/static/cloud/css/public.css}">
    <link rel="stylesheet" th:href="@{/static/cloud/css/reset.css}">
    <link rel="stylesheet" th:href="@{/static/cloud/css/iconfont.css}" />
    <link rel="stylesheet" th:href="@{/static/cloud/css/swiper-bundle.min.css}">
    <link rel="stylesheet" th:href="@{/static/wapAlert/wapAlert.css}" />
    <link rel="stylesheet" th:href="@{/static/css/vant/vant.css}"/>
    <link rel="stylesheet" th:href="@{/static/cloud/css/pages/user/center/index.css}">

</head>

<body>
<div id="container">
    <!-- 个人信息 -->
    <div class="user">
        <div>
            <van-image round :src="userinfo.headImg" class="head-img"/>
        </div>
        <div class="user-info">
            <!--<label :text="userinfo.userName"></label>
            <label :text="userinfo.userPhone"></label>-->
            <label>{{userinfo.userName}}</label>
            <label>{{userinfo.userPhone}}</label>
        </div>
    </div>
    <!--切换站点 -->
    <van-cell-group>
        <van-cell th:icon="@{/static/cloud/img/pic1.png}" title="切换站点" :value="originName" is-link size="large" @click="clickStation"/>
    </van-cell-group>
    <van-cell-group>
        <van-cell th:icon="@{/static/cloud/img/pic1.png}" title="修改密码" is-link size="large" @click="showPwdBox"/>
    </van-cell-group>
    <van-cell-group>
        <van-cell th:icon="@{/static/cloud/img/pic1.png}" title="个人信息" is-link size="large" @click="showUserInfo"/>
    </van-cell-group>
    <van-cell-group>
        <van-cell th:icon="@{/static/cloud/img/pic1.png}" title="部门信息" is-link size="large"/>
    </van-cell-group>
    <van-cell-group>
        <van-cell th:icon="@{/static/cloud/img/pic1.png}" title="回款明细" is-link size="large" url="/cloud/sale/man/return"/>
    </van-cell-group>
    <van-cell-group>
        <van-cell th:icon="@{/static/cloud/img/pic1.png}" title="工程报表" is-link size="large" url="/cloud/sale/man/build"/>
    </van-cell-group>
    <van-cell-group>
        <!-- 销售回款 -->
        <van-cell th:icon="@{/static/cloud/img/pic1.png}" title="工程回款" is-link size="large" url="/cloud/sale/man/build/return"/>
    </van-cell-group>
    <!-- 站点列表 -->
    <div attr-div="conversionModeList" class="TipsWindown" style="display: none;">
        <div class="shadeIn">
            <div class="selBankBox">
                <h1><a href="javascript:;" class="confirm-station" @click="confirmStation">完成</a></h1>
                <dl class="station-list" style="height: 100%; max-height: 252px;">
                    <dt v-for="item in stationList" @click="clickStationItem(item.id)">
                    <span>
                        {{item.originName}}
                    </span>
                        <i data-id="{{item.id}}" v-if="item.id == originId" class="wnsM icon-confirm confirm-yes" ></i>
                        <i data-id="{{item.id}}" v-if="item.id != originId" class="wnsM icon-confirm" ></i>
                    </dt>
                </dl>
            </div>
        </div>
    </div>

    <!-- 新增弹窗 -->
    <div class="mask dn" @click="mask"></div>
    <div class="update-pwd-box dn">
        <div class="update-pwd-title">修改密码</div>
        <div class="update-pwd-line">
            <label>旧密码：</label>
            <input type="password" v-model="pwd.old" placeholder="请输入旧密码" />
        </div>
        <div class="update-pwd-line">
            <label>新密码：</label>
            <input type="password" v-model="pwd.new" placeholder="请输入新密码" />
        </div>
        <div class="update-pwd-line">
            <label>确认密码：</label>
            <input type="password" v-model="pwd.sure" placeholder="请确认新密码" />
        </div>
        <div class="update-pwd-btn flex aic">
            <div class="update-pwd-btn1" @click="cancelPwd">取消</div>
            <div class="update-pwd-btn2" @click="confirmPwd">确认</div>
        </div>
    </div>

</div>
<script type="text/javascript" th:src="@{/static/cloud/js/jquery-3.2.1.min.js}"></script>
<script type="text/javascript" th:src="@{/static/js/vue.min.js}"></script>
<script type="text/javascript" th:src="@{/static/js/vant/vant.js}"></script>
<script type="text/javascript" th:src="@{/static/cloud/js/swiper-bundle.min.js}"></script>
<script type="text/javascript" th:src="@{/static/wapAlert/wapAlert.js}" charset="utf-8"></script>
<script type="text/javascript" th:src="@{/static/cloud/js/base.js}" charset="utf-8"></script>
<script type="text/javascript" th:src="@{/static/cloud/js/pages/user/center/index.js}" charset="utf-8"></script>
<script>

</script>
</body>

</html>